This page contains examples of my work. My work is subdivided into the categories XHTML, CSS, Refactoring, JavaScript, and Web Application. The XHTML examples show work relating to the content of websites. The CSS examples show work relating to the style of websites. The Refactoring example shows work relating to the re-organization of a website. The JavaScript example shows work relating to the interactivity of a website. The Web Application example shows work relating to an emerging web technology.
| Assignment | Overview | Assignment Description (PDF) |
|---|---|---|
| XHTML | ||
| My First Webpage | This assignment was my first webpage, so it is very simple. This webpage demonstrates different level headings, an unordered list, a hyperlink to Google, and a picture. |
My First Webpage Description |
| XHTML Best Practices | This webpage discusses good guidelines to follow when coding with XHTML. It also demonstrates the use of several hyperlinks. |
XHTML Best Practices Description |
| CSS | ||
| CSS Basics | This webpage was my first CSS assignment. It shows a highlighting example that uses different colors for different elements. |
CSS Basics Description |
| CSS Positioning | This webpage demonstrates the different positioning properties that can be achieved with CSS. It is not meant to be a consistent webpage, but rather one showcasing different positioning techniques, such as relative and absolute positioning. |
CSS Positioning Description |
| Word Cloud | This webpage demonstrates a special CSS technique known as a word cloud. I did not come up with the words for this cloud (those were created in the html). However, I did make changes to the color, text size, and border of the cloud with the CSS. |
Word Cloud Description |
| Refactoring | ||
| Refactored Website | I refactored, or re-organized, this website by splitting it into four folders (XHTML, CSS, Images, and JavaScript), by giving elements descriptive names, and by adjusting all links accordingly. |
Refactored Website Description |
| JavaScript | ||
| JavaScript Basics | This webpage showcases some basic JavaScript techniques, such as the options to zoom to various levels and to change the font style. |
JavaScript Basics Description |
| Web Application | ||
| Cartography Wiki | This assignment was given to two other students and me, and it required us to build a wiki (ex. Wikipedia ) relating to an emerging web application. My group came up with the topic of Online Cartography (ex. Google Maps) and created a wiki describing cartography's history and future. |
Cartography Wiki Description |